<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>图文列表3</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .imgText_list_3 {
         background-color: var(--c_b_dark);
      }

      .imgText_list_3_content {
         display: flex;
      }

      .imgText_3_left {
         padding: 60px 0 0 0;
         width: 70%;
      }

      .imgText_3_left h2 {
         color: var(--c_theme);
         font-size: var(--f_title);
         line-height: var(--l_title);
      }

      .imgText_3_left p {
         padding: 30px 100px 0 0;
         color: var(--c_text);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .imgText_3_right {
         background-color: var(--c_theme);
         padding-top: 50px;
      }

      .imgText_3_right_tit p {
         text-align: center;
         color: var(--c_b_nav);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      .imgText_3_right_img_box {
         padding-top: 30px;
      }

      .imgText_3_right_img {
         width: 110px;
         height: 110px;
         margin: auto;
      }

      .imgText_3_right_img img {
         width: 100%;
         height: 100%;
      }

      .imgText_3_right_text {
         padding: 20px 90px 0 ;
         color: var(--c_text);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .imgText_3_right_text p:nth-child(1),
      .imgText_3_right_text p:nth-child(2),
      .imgText_3_right_text p:nth-child(3) {
         padding: 5px 0;
      }

      @media(max-width:768px) {
         .imgText_list_3_content {
            display: initial;
         }

         .imgText_3_left {
            padding: 30px 0 0 0;
            width: 100%;
         }

         .imgText_3_left_text {
            width: 100%;
            padding: 0;
         }

         .imgText_3_left p {
            padding: 10px 0 0 0;
         }

         .imgText_list_3 .button_big {
            margin: 20px auto;
         }

         .imgText_3_right {
            padding-top: 20px;
         }

         .imgText_3_right_text {
            text-align: center;
            padding: 10px 0 0 0;
         }

         .imgText_3_right_img_box {
            padding-top: 20px;
         }
      }
   </style>
</head>

<body>
   <div class="imgText_list_3 modular">
      <div class="container">
         <div class="imgText_list_3_content">
            <div class="imgText_3_left">
               <h2>企业介绍</h2>
               <p>公司成立于1997年,是一家集广告策划、设计、发布、媒体开发及代理、影视拍摄与制作、公关活动、展览展示为一体的综合文化传播公司。公司一直秉承专业、诚信、坚持的经营理念，以勿忘初心不负梦想的企业精神，砥砺前行。</p>
               <a href="" class="button_big">Learn More</a>
            </div>

            <div class="imgText_3_right">
               <div class="imgText_3_right_tit">
                  <p>企业精神</p>
               </div>
               <div class="imgText_3_right_img_box">
                  <div class="imgText_3_right_img">
                     <img src="../images/imgText_list_3.png" alt="">
                  </div>
               </div>

               <div class="imgText_3_right_text">
                  <p>我们的生存，就是在恶劣的环境中坚强地创造生存空间</p>
                  <p>我们的团队，就是在充满争斗的对手中组织强大的团队</p>
                  <p>我们的智慧，就是在强者之列不断竞争、超越！</p>
               </div>
            </div>
         </div>
      </div>
   </div>
</body>
</html>